<template>
    <div class="detail w-full min-h-screen">
        <navbar></navbar>
        <div class="w-[80%] min-h-screen mx-auto  flex justify-between">
            <aside class="leftBar w-[20%]">
                <announcement></announcement>
            </aside>
            <div class="rightBar w-[75%]">
                <all-artilce></all-artilce>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
import announcement from '@/components/announcement/announcement.vue'
import allArtilce from '@/views/article/allArticle/index.vue'
import { ref } from 'vue';
// 新增响应式引用
const tocList = ref([]);
</script>

<style scoped lang="scss">
.detail {
    background-image: url('../../../assets/img//wunv.jpg');
    background-size: cover;
    background-attachment: fixed
}
</style>